<div class="ui-g" [@flyIn]="'active'">
    <div class="ui-g-3 border-spe-right border-spe-left" style="height:calc(100% - 55px)">
        <!--岗位检索-->
        <p-autoComplete [suggestions]="suggestions" (completeMethod)="search($event)" [(ngModel)]="suggestion"
                        placeholder="机构岗位" [minLength]="1" field="roleName" (onSelect)="selectSuggestion()" delay="500"
                        [style]="{'margin':'10px 15px 0px 10px', 'width':'100%'}" [inputStyle]="{'width':'93%'}">
        </p-autoComplete>

        <!--分割符-->
        <hr style="margin:8px 0 0 0;">
        <!--系统层级树-->
        <p-tree [value]="unitRoles" selectionMode="single" (onNodeExpand)="unitNodeExpand($event)"
                (onNodeSelect)="nodeSelect($event)" [(selection)]="selectedNode" emptyMessage="无数据" [loading]="loading"
                [style]="{'height': '100%','width':'100%','border-style':'none', 'padding': '0'}">
        </p-tree>
    </div>
    <div class="ui-g-9" style="height:100%">
        <router-outlet></router-outlet>
    </div>
</div>
